<template>
	<view style="padding: 30rox;">
		<view>异步接口</view>
		<button @click="callStorageFun(1)">setStorage</button>
		<button @click="callStorageFun(2)">getStorage</button>
		<button @click="callStorageFun(3)">getStorageInfo</button>
		<button @click="callStorageFun(4)">removeStorage</button>
		<button @click="callStorageFun(5)">vlearStorage</button>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'aaa',
				timer1:null,
				
			}
		},
		methods: {
			callStorageFun(parm){
				console.log("callStorageFun==> parm" + parm);
				switch(parm){
					case 1:
					// 存某个字段到本地  字段名：值
					uni.setStorage({
						key:'UserName',
						data:'hy',
						success() {
							console.log("UserName 存储成功");
						}	
					})
					console.log("调用存储完成");
					break;
				case 2:
				uni.getStorage({
					key:'UserName',
					success:function(result) {
						console.log("读取成功: result.data="+ result.data);
					},
					fail(){
						console.log("读取失败");
					},
				});
					break;
				case 3:
				uni.getStorageInfo({
					success:function(result){
						console.log("获取所有缓存字段:" + result.keys);
						
					}
				})
					break;
				case 4:
				uni.removeStorage({
					key:'UserName',
					success(){
						console.log("UserName删除成功");
					}
				})
				break;
				}
			}
			
			
		
		}
	}
</script>

<style>

</style>
